// 创建路由器

// 引入Vue
import Vue from 'vue'
// 引入路由
import VueRouter from 'vue-router'
// 使用插件
Vue.use(VueRouter)

// 引入组件
import Teacher from '@/pages/Teacher'
import Student from '@/pages/Student'
import News from '../pages/News'
import Message from '../pages/Message'
import Detail from '../pages/Detail'

// 创建并暴露一个路由
export default new VueRouter({
    routes:[
        {
            path:'/Teacher',
            component: Teacher
        },
        {
            name:'xuesheng',
            path: '/Student',
            component: Student,
            children:[
                {
                    path: 'News',
                    component: News,
                    children:[
                        {
                            name:'xiangqing',
                            path:'Detail',
                            component: Detail,

                            // props第一种 对象写法 对象中的属性会以key-value给props形式传递给Deatil组件
                            // props:{a:1,b:2}

                            // props第二种 布尔值写法 条件为true，则将把该路由组件收到的params参数传递给Deatil组件
                            // props:true

                            // props第三种 函数写法
                            props({query:{id,title}}){
                                return { id,title}
                            }
                        }
                    ]
                },
                {
                    path: 'Message',
                    component: Message
                },
            ]
        }
    ]
})
